<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body class="df fdc  body1">
  <div class="lun">
    <div class="main-container f1 ofs">
 
    <!-- //轮播图区 -->
   <header class="head">
    
    <div class="swiper mySwiper">
      <div class="swiper-wrapper">
        <div class="swiper-slide"><img src="../../assets/imgs/index-swiper-bg1.jpg" alt="" class="img1"></div>
        <div class="swiper-slide"><img src="../../assets/imgs/index-swiper-bg2.jpg" alt="" class="img1"></div>
        <div class="swiper-slide"><img src="../../assets/imgs/index-swiper-bg3.jpg" alt="" class="img1"></div>

      </div>
      <div class="swiper-pagination"></div>
    </div>
    </div>
   </header>
    <!-- 用户名 -->
<div  class="yonghuming  padi df jcsb aic">
     <!-- 头像 -->
   <a href="./user-datali.html" class="df aic">
    <div class="touxiang">
      <img class="img1" id="avatar" alt="">
    </div>
    <p class="yhm_text">用户名</p>
   </a>
   <div class="yhm_text1"><span class="iconfont icon-dayuhao"></span></div>
</div>
<div class="yhm_text2 mb20 padi ">个性签名: <span class="yhmspan"></span> </div>
   

<!-- 今日打卡 -->
<div class="daka mb20 padi df jcsb aic">
    <span class="iconfont icon-qiandao daka_icon"></span>
    <span class="daka_span">累计打卡<span class="daka_span1">23</span>天</span>
    <div class="daka_div  daka1">今日打卡</div>
</div>
<!-- 个人动态 -->
<div class="dongtai mb20 padi df aic jcsb">
  <span class="iconfont icon-list-v4-full daka_icon"></span>
  <span class="daka_span">个人动态</span>
  <div class="daka_div"> <span class="dongtaitx">10条</span><span class="iconfont icon-dayuhao "></span></div>
</div>
<!-- 运动数据 -->
<div class="shuju mb20 padi ">
  <div class="yundongshuju ">
    <span class="iconfont icon-tiaoxingtu-xianxing shujufont"></span>
    <span class="shujutext">运动数据</span>
    <span class="iconfont icon-dayuhao shujufont1"></span>
  </div>
 <div class="shuju_div">
  <div class="shujudiv1">总运动</div>
  <div><span class="shuju_span  fenzhong">99999</span>分钟</div>
  <span class="xian"></span>
 </div>
 <div class="shuju_div  shuju_div1">
  <div class="shujudiv1">本周消耗</div>
  <div><span class="shuju_span  qianka">99999</span>千卡</div>
  
 </div>
  

</div>
<!-- 徽章 -->
<div class="huizhang mb20 padi">

  <span class="iconfont icon-chilun01-mian shujufont"></span>
    <span class="shujutext">我的运动徽章</span>
    <span class="iconfont icon-dayuhao shujufont1"></span>

<div class="yuan df jcsb ">
  <div class="yuan1"></div>
  <div class="yuan1"></div>
  <div class="yuan1"></div>
</div>
</div>
    </div>
  </div>
</body>
</html>